
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录与成绩单界面</title>
    <style>
        /* 全局样式 */
        body {
            font-family: 'Helvetica Neue', Arial, sans-serif;
            background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }

        /* 登录容器样式 */
        .login-container {
            background-color: rgba(255, 255, 255, 0.9);
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            text-align: center;
            width: 350px;
            animation: fadeInUp 0.8s ease-out;
        }
    
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
    
        .login-container h2 {
            margin-bottom: 30px;
            color: #333;
            font-size: 28px;
        }
    
        .login-container input {
            width: 100%;
            padding: 15px;
            margin-bottom: 20px;
            border: none;
            border-radius: 8px;
            background-color: #eaeff4;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s ease;
            font-size: 16px;
        }
    
        .login-container input:focus {
            background-color: #dce4eb;
            outline: none;
        }
    
        .login-container button {
            width: 100%;
            padding: 15px;
            background-color: #007BFF;
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
            transition: background-color 0.3s ease, transform 0.2s ease;
            font-size: 18px;
        }
    
        .login-container button:hover {
            background-color: #0056b3;
            transform: translateY(-2px);
        }
    
        /* 表格样式 */
        table {
            border-collapse: collapse;
            width: 100%;
        }
    
        table th,
        table td {
            border: 1px solid #ccc;
            padding: 12px;
            text-align: center;
        }
    
        table th {
            background-color: #f2f2f2;
            color: #333;
            font-weight: bold;
        }
    
        /* 成绩单容器样式 */
        .grade-container {
            background-color: rgba(255, 255, 255, 0.9);
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            display: none;
            width: 80%;
            max-width: 1200px;
            animation: fadeInUp 0.8s ease-out;
        }
    
        .grade-container h2 {
            margin-bottom: 30px;
            color: #333;
            font-size: 28px;
            text-align: center;
        }
    
        .back-button {
            padding: 15px 30px;
            background-color: #ccc;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            margin-top: 30px;
            display: block;
            margin-left: auto;
            margin-right: auto;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s ease, transform 0.2s ease;
            font-size: 18px;
        }
    
        .back-button:hover {
            background-color: #aaa;
            transform: translateY(-2px);
        }
    </style>
</head>

<body>
    <div class="login-container" id="login-container">
        <h2>2005银光中学高三文科班期中考试成绩</h2>
        <input type="text" id="teacher-id" placeholder="教师工号">
        <input type="password" id="password" placeholder="密码">
        <button onclick="validate()">确认</button>
    </div>
    <div class="grade-container" id="grade-container">
        <h2>2005年银光中学高三(文科班)期中考试各科成绩</h2>
        <table>
            <thead>
                <tr>
                    <th>年级排名</th>
                    <th>姓名</th>
                    <th>班级</th>
                    <th>语文（满分150）</th>
                    <th>数学（满分150）</th>
                    <th>英语（满分150）</th>
                    <th>文综合（满分300）</th>
                    <th>总分（满分750）</th>
                    <th>备注</th>
                </tr>
            </thead>
            <tbody>
<tr><td>1</td><td>李开勇</td><td>高三8班</td><td>132</td><td>135</td><td>125</td><td>257</td><td>649</td><td></td></tr><tr><td>2</td><td>罗浩</td><td>高三6班</td><td>128</td><td>141</td><td>118</td><td>245</td><td>632</td><td></td></tr><tr><td>3</td><td>徐子骐</td><td>高三7班</td><td>126</td><td>138</td><td>120</td><td>241</td><td>625</td><td></td></tr><tr><td>4</td><td>晏振东</td><td>高三6班</td><td>124</td><td>135</td><td>122</td><td>239</td><td>620</td><td></td></tr><tr><td>5</td><td>鲁志杰</td><td>高三8班</td><td>122</td><td>138</td><td>115</td><td>243</td><td>618</td><td></td></tr><tr><td>6</td><td>范志强</td><td>高三7班</td><td>120</td><td>138</td><td>118</td><td>241</td><td>617</td><td></td></tr><tr><td>7</td><td>付菁</td><td>高三6班</td><td>118</td><td>135</td><td>116</td><td>240</td><td>609</td><td></td></tr><tr><td>8</td><td>余志远</td><td>高三8班</td><td>116</td><td>135</td><td>114</td><td>240</td><td>605</td><td></td></tr><tr><td>9</td><td>安金山</td><td>高三6班</td><td>115</td><td>132</td><td>115</td><td>242</td><td>604</td><td></td></tr><tr><td>10</td><td>索菲</td><td>高三7班</td><td>130</td><td>117</td><td>133</td><td>214</td><td>594</td><td></td></tr><tr><td>11</td><td>贾磊</td><td>高三8班</td><td>118</td><td>117</td><td>127</td><td>223</td><td>585</td><td></td></tr><tr><td>12</td><td>常胜</td><td>高三6班</td><td>115</td><td>117</td><td>126</td><td>225</td><td>583</td><td></td></tr><tr><td>13</td><td>廉欣欣</td><td>高三7班</td><td>118</td><td>117</td><td>127</td><td>218</td><td>580</td><td></td></tr><tr><td>14</td><td>李彦斌</td><td>高三8班</td><td>100</td><td>120</td><td>120</td><td>238</td><td>578</td><td></td></tr><tr><td>15</td><td>袁立伟</td><td>高三7班</td><td>109</td><td>117</td><td>123</td><td>228</td><td>577</td><td></td></tr><tr><td>16</td><td>柳颂</td><td>高三6班</td><td>110</td><td>117</td><td>123</td><td>226</td><td>576</td><td></td></tr><tr><td>17</td><td>汪东冉</td><td>高三8班</td><td>99</td><td>120</td><td>119</td><td>234</td><td>572</td><td></td></tr><tr><td>18</td><td>孔兴希</td><td>高三7班</td><td>115</td><td>114</td><td>124</td><td>217</td><td>570</td><td></td></tr><tr><td>19</td><td>关秀丽</td><td>高三6班</td><td>131</td><td>111</td><td>131</td><td>195</td><td>568</td><td></td></tr><tr><td>20</td><td>甄洋</td><td>高三8班</td><td>111</td><td>114</td><td>122</td><td>219</td><td>566</td><td></td></tr><tr><td>21</td><td>王光旭</td><td>高三8班</td><td>103</td><td>117</td><td>120</td><td>225</td><td>565</td><td></td></tr><tr><td>22</td><td>闫如航</td><td>高三7班</td><td>121</td><td>111</td><td>126</td><td>206</td><td>564</td><td></td></tr><tr><td>23</td><td>卢畅畅</td><td>高三7班</td><td>109</td><td>114</td><td>121</td><td>218</td><td>562</td><td></td></tr><tr><td>24</td><td>韩瑶</td><td>高三6班</td><td>118</td><td>111</td><td>124</td><td>207</td><td>560</td><td></td></tr><tr><td>25</td><td>解小颖</td><td>高三6班</td><td>105</td><td>114</td><td>119</td><td>220</td><td>558</td><td></td></tr><tr><td>26</td><td>石文良</td><td>高三6班</td><td>103</td><td>114</td><td>118</td><td>222</td><td>557</td><td></td></tr><tr><td>27</td><td>于军</td><td>高三7班</td><td>115</td><td>111</td><td>123</td><td>207</td><td>556</td><td></td></tr><tr><td>28</td><td>郭姗姗</td><td>高三8班</td><td>101</td><td>114</td><td>117</td><td>221</td><td>553</td><td></td></tr><tr><td>29</td><td>海绍辉</td><td>高三7班</td><td>120</td><td>108</td><td>124</td><td>200</td><td>552</td><td></td></tr><tr><td>30</td><td>刘友博</td><td>高三8班</td><td>126</td><td>108</td><td>127</td><td>190</td><td>551</td><td></td></tr><tr><td>31</td><td>戴玉</td><td>高三6班</td><td>124</td><td>108</td><td>126</td><td>192</td><td>550</td><td></td></tr><tr><td>32</td><td>王源凯</td><td>高三7班</td><td>108</td><td>111</td><td>119</td><td>210</td><td>548</td><td></td></tr><tr><td>33</td><td>姚亚男</td><td>高三6班</td><td>98</td><td>114</td><td>116</td><td>219</td><td>547</td><td></td></tr><tr><td>34</td><td>宋大同</td><td>高三8班</td><td>114</td><td>108</td><td>121</td><td>203</td><td>546</td><td></td></tr><tr><td>35</td><td>曾小洁</td><td>高三7班</td><td>93</td><td>114</td><td>113</td><td>225</td><td>545</td><td></td></tr><tr><td>36</td><td>金志洪</td><td>高三6班</td><td>113</td><td>108</td><td>120</td><td>203</td><td>544</td><td></td></tr><tr><td>37</td><td>褚继新</td><td>高三8班</td><td>106</td><td>111</td><td>118</td><td>208</td><td>543</td><td></td></tr><tr><td>38</td><td>岳子维</td><td>高三6班</td><td>118</td><td>108</td><td>123</td><td>194</td><td>543</td><td></td></tr><tr><td>39</td><td>邵晓峰</td><td>高三8班</td><td>111</td><td>108</td><td>119</td><td>204</td><td>542</td><td></td></tr><tr><td>40</td><td>谭晓明</td><td>高三7班</td><td>97</td><td>111</td><td>114</td><td>219</td><td>541</td><td></td></tr><tr><td>41</td><td>曹骏</td><td>高三8班</td><td>86</td><td>114</td><td>110</td><td>230</td><td>540</td><td></td></tr><tr><td>42</td><td>唐亦如</td><td>高三7班</td><td>101</td><td>111</td><td>116</td><td>211</td><td>539</td><td></td></tr><tr><td>43</td><td>陆鑫阳</td><td>高三7班</td><td>125</td><td>105</td><td>125</td><td>183</td><td>538</td><td></td></tr><tr><td>44</td><td>邢霸天</td><td>高三6班</td><td>107</td><td>108</td><td>117</td><td>205</td><td>537</td><td></td></tr><tr><td>45</td><td>杨欣</td><td>高三8班</td><td>120</td><td>105</td><td>122</td><td>189</td><td>536</td><td></td></tr><tr><td>46</td><td>齐静雯</td><td>高三7班</td><td>93</td><td>111</td><td>112</td><td>219</td><td>535</td><td></td></tr><tr><td>47</td><td>梁骁</td><td>高三6班</td><td>103</td><td>108</td><td>115</td><td>208</td><td>534</td><td></td></tr><tr><td>48</td><td>耿新富</td><td>高三8班</td><td>95</td><td>111</td><td>113</td><td>214</td><td>533</td><td></td></tr><tr><td>49</td><td>许宏伟</td><td>高三6班</td><td>92</td><td>111</td><td>111</td><td>218</td><td>532</td><td></td></tr><tr><td>50</td><td>朱杰</td><td>高三7班</td><td>116</td><td>105</td><td>120</td><td>189</td><td>530</td><td></td></tr><tr><td>51</td><td>阮康</td><td>高三6班</td><td>86</td><td>111</td><td>108</td><td>223</td><td>528</td><td></td></tr><tr><td>52</td><td>林小鹏</td><td>高三7班</td><td>95</td><td>108</td><td>111</td><td>212</td><td>526</td><td></td></tr><tr><td>53</td><td>唐圣龙</td><td>高三6班</td><td>106</td><td>105</td><td>115</td><td>199</td><td>525</td><td></td></tr><tr><td>54</td><td>刘波</td><td>高三8班</td><td>99</td><td>108</td><td>113</td><td>204</td><td>524</td><td></td></tr><tr><td>55</td><td>陶英健</td><td>高三7班</td><td>108</td><td>105</td><td>116</td><td>194</td><td>523</td><td></td></tr><tr><td>56</td><td>彭刚</td><td>高三7班</td><td>121</td><td>102</td><td>121</td><td>178</td><td>522</td><td></td></tr><tr><td>57</td><td>张怡秋</td><td>高三8班</td><td>114</td><td>102</td><td>118</td><td>186</td><td>520</td><td></td></tr><tr><td>58</td><td>孟佳美</td><td>高三7班</td><td>89</td><td>108</td><td>108</td><td>213</td><td>518</td><td></td></tr><tr><td>59</td><td>楚兰</td><td>高三6班</td><td>85</td><td>108</td><td>106</td><td>217</td><td>516</td><td></td></tr><tr><td>60</td><td>何薇薇</td><td>高三8班</td><td>112</td><td>102</td><td>117</td><td>183</td><td>514</td><td></td></tr><tr><td>61</td><td>蔡立新</td><td>高三6班</td><td>93</td><td>105</td><td>109</td><td>206</td><td>513</td><td></td></tr><tr><td>62</td><td>郑九京</td><td>高三6班</td><td>108</td><td>102</td><td>115</td><td>187</td><td>512</td><td></td></tr><tr><td>63</td><td>王猛</td><td>高三8班</td><td>94</td><td>105</td><td>109</td><td>203</td><td>511</td><td></td></tr><tr><td>64</td><td>钟华</td><td>高三7班</td><td>93</td><td>105</td><td>109</td><td>203</td><td>510</td><td></td></tr><tr><td>65</td><td>冯佩伦</td><td>高三8班</td><td>92</td><td>105</td><td>108</td><td>204</td><td>509</td><td></td></tr><tr><td>66</td><td>潘帅</td><td>高三6班</td><td>95</td><td>105</td><td>110</td><td>198</td><td>508</td><td></td></tr><tr><td>67</td><td>周焕焕</td><td>高三8班</td><td>106</td><td>93</td><td>117</td><td>191</td><td>507</td><td></td></tr><tr><td>68</td><td>苏君伟</td><td>高三7班</td><td>102</td><td>102</td><td>112</td><td>187</td><td>503</td><td></td></tr><tr><td>69</td><td>赵孟妮</td><td>高三8班</td><td>138</td><td>93</td><td>90</td><td>180</td><td>501</td><td></td></tr><tr><td>70</td><td>隋明丽</td><td>高三6班</td><td>81</td><td>105</td><td>103</td><td>210</td><td>499</td><td></td></tr><tr><td>71</td><td>胡子文</td><td>高三8班</td><td>85</td><td>105</td><td>105</td><td>203</td><td>498</td><td></td></tr><tr><td>72</td><td>严之光</td><td>高三8班</td><td>92</td><td>102</td><td>107</td><td>192</td><td>493</td><td></td></tr><tr><td>73</td><td>吴顺妍</td><td>高三8班</td><td>90</td><td>93</td><td>105</td><td>203</td><td>491</td><td></td></tr><tr><td>74</td><td>柴泽清</td><td>高三6班</td><td>99</td><td>99</td><td>109</td><td>182</td><td>489</td><td></td></tr><tr><td>75</td><td>白明贤</td><td>高三7班</td><td>99</td><td>99</td><td>109</td><td>181</td><td>488</td><td></td></tr><tr><td>76</td><td>愈翔宇</td><td>高三7班</td><td>103</td><td>96</td><td>109</td><td>174</td><td>482</td><td></td></tr><tr><td>77</td><td>秦明月</td><td>高三6班</td><td>103</td><td>96</td><td>109</td><td>173</td><td>481</td><td></td></tr><tr><td>78</td><td>谢涛</td><td>高三8班</td><td>85</td><td>99</td><td>102</td><td>194</td><td>480</td><td></td></tr><tr><td>79</td><td>高林征</td><td>高三8班</td><td>101</td><td>90</td><td>106</td><td>181</td><td>478</td><td></td></tr><tr><td>80</td><td>屈子昂</td><td>高三7班</td><td>104</td><td>93</td><td>108</td><td>170</td><td>475</td><td></td></tr><tr><td>81</td><td>吕敏华</td><td>高三6班</td><td>94</td><td>96</td><td>104</td><td>179</td><td>473</td><td></td></tr><tr><td>82</td><td>陈宁宇</td><td>高三8班</td><td>93</td><td>93</td><td>93</td><td>193</td><td>472</td><td></td></tr><tr><td>83</td><td>张晨</td><td>高三7班</td><td>81</td><td>99</td><td>100</td><td>190</td><td>470</td><td></td></tr><tr><td>84</td><td>邓云飞</td><td>高三8班</td><td>101</td><td>93</td><td>107</td><td>168</td><td>469</td><td></td></tr><tr><td>85</td><td>魏景文</td><td>高三6班</td><td>76</td><td>99</td><td>97</td><td>196</td><td>468</td><td></td></tr><tr><td>86</td><td>顾青</td><td>高三7班</td><td>76</td><td>99</td><td>97</td><td>195</td><td>467</td><td></td></tr><tr><td>87</td><td>肖然</td><td>高三8班</td><td>95</td><td>51</td><td>101</td><td>219</td><td>466</td><td></td></tr><tr><td>88</td><td>夏悦</td><td>高三7班</td><td>86</td><td>96</td><td>101</td><td>182</td><td>465</td><td></td></tr><tr><td>89</td><td>张展锐</td><td>高三8班</td><td>79</td><td>96</td><td>97</td><td>190</td><td>462</td><td></td></tr><tr><td>90</td><td>辛迪</td><td>高三8班</td><td>92</td><td>75</td><td>98</td><td>195</td><td>460</td><td></td></tr><tr><td>91</td><td>孙建奎</td><td>高三7班</td><td>78</td><td>96</td><td>97</td><td>187</td><td>458</td><td></td></tr><tr><td>92</td><td>董福临</td><td>高三6班</td><td>71</td><td>96</td><td>93</td><td>195</td><td>455</td><td></td></tr><tr><td>93</td><td>程梦君</td><td>高三8班</td><td>71</td><td>96</td><td>93</td><td>194</td><td>454</td><td></td></tr><tr><td>94</td><td>韦曼</td><td>高三6班</td><td>82</td><td>93</td><td>97</td><td>180</td><td>452</td><td></td></tr><tr><td>95</td><td>廖威</td><td>高三8班</td><td>91</td><td>90</td><td>100</td><td>168</td><td>449</td><td></td></tr><tr><td>96</td><td>沈婷婷</td><td>高三7班</td><td>80</td><td>93</td><td>96</td><td>178</td><td>447</td><td></td></tr><tr><td>97</td><td>毕鼎文</td><td>高三8班</td><td>102</td><td>87</td><td>104</td><td>153</td><td>446</td><td></td></tr><tr><td>98</td><td>方既明</td><td>高三7班</td><td>88</td><td>90</td><td>99</td><td>168</td><td>445</td><td></td></tr><tr><td>99</td><td>杨东升</td><td>高三7班</td><td>100</td><td>87</td><td>103</td><td>152</td><td>442</td><td></td></tr><tr><td>100</td><td>马得才</td><td>高三8班</td><td>81</td><td>90</td><td>95</td><td>173</td><td>439</td><td></td></tr><tr><td>101</td><td>崔成毅</td><td>高三6班</td><td>104</td><td>84</td><td>104</td><td>142</td><td>434</td><td></td></tr><tr><td>102</td><td>施越</td><td>高三8班</td><td>75</td><td>90</td><td>92</td><td>175</td><td>432</td><td></td></tr><tr><td>103</td><td>杜大川</td><td>高三7班</td><td>101</td><td>84</td><td>102</td><td>143</td><td>430</td><td></td></tr><tr><td>104</td><td>蒋佳琪</td><td>高三8班</td><td>69</td><td>90</td><td>89</td><td>174</td><td>422</td><td></td></tr><tr><td>105</td><td>叶卉</td><td>高三7班</td><td>77</td><td>87</td><td>92</td><td>163</td><td>419</td><td></td></tr><tr><td>106</td><td>刘小璇</td><td>高三8班</td><td>91</td><td>81</td><td>96</td><td>144</td><td>412</td><td></td></tr><tr><td>107</td><td>李婧宜</td><td>高三6班</td><td>120</td><td>147</td><td>135</td><td>缺考</td><td>402</td><td></td></tr>
            </tbody>
        </table>
        <button class="back-button" onclick="goBack()">退出</button>
    </div>
    <script>
        function validate() {
            var teacherId = document.getElementById('teacher-id').value;
            if (teacherId === '8023') {
                document.getElementById('login-container').style.display = 'none';
                document.getElementById('grade-container').style.display = 'block';
            }
        }

        function goBack() {
            var passwordInput = document.getElementById('password');
            passwordInput.type = 'text';
            document.getElementById('grade-container').style.display = 'none';
            document.getElementById('login-container').style.display = 'block';
        }
    </script>
</body>

</html>
